<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <script>
            // throttle 节流
            // 事件在一定时间内只触发一次，只执行第一次，后面的不执行
            // 适用于resize、scroll、mousemove等事件
            // 1. lodash throttle
            // 2. 自己实现
            function throttle(fn, delay) {
                let last = 0;
                return function() {
                    const now = Date.now();
                    if (now - last >= delay) {
                        fn.apply(this, arguments);
                        // fn();
                        last = now;
                    }
                }
            }
        </script>
    
    </body>
</html>